body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
* {
	margin:0px;
}
.wrap {
	width:980px;
	margin:0px auto;
}
#header {

}
#logo {
	float:left;
	margin:10px;
	background: url('../images/logo.png') no-repeat;
	height:40px;
	width:500px;
}
#user_info {
	float:right;
	margin:10px;
	min-width:185px;
	height:40px;
}
#user_info .info {
	padding:5px;
}
#user_info .info ul {
    margin: 0px;
    padding: 10px;
    list-style: none;
	display:inline;
}
#user_info .info ul li {
    display: block;
    position: relative;
    float: right;
	padding: 0px;
}
#user_info .info li ul {
    display: none;
	
}
#user_info .info ul li a {
	font-weight:bold;
    text-decoration: none;
	color:#15206e;
}
#user_info .info ul li a:hover {
	color:#ff3c22;
	
}
#user_info .info li:hover ul {
	border:1px solid #d5d6dc;
	background:#fff;
	border-radius: 5px;
	-moz-border-radius:5px;
	box-shadow: 2px 2px 2px #888888;
    display: block;
    position: absolute;
	width:180px;
}
#user_info .info li:hover li {
    float: none;
	margin:5px;
	padding:5px;
}
#user_info .info li:hover a { 
	
}
#user_info .info li:hover li a:hover {
    
}
#top_menu {

}
ul.topnav {
	border-radius: 5px;
	-moz-border-radius:5px;
	list-style: none;
	padding: 0px;	
	margin: 0px;
	float: left;
	width: 980px;
	background: #1c1c1f;
	
}
ul.topnav li {
	float: left;
	margin: 0px;	
	padding: 0px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	border-radius: 5px;
	-moz-border-radius:5px;
	padding: 10px 20px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: #b9b9b9;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	background: url("../images/subnav_btn.gif") no-repeat scroll center top transparent;
    float: left;
    height: 35px;
    width: 17px;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #1c1c1f;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 185px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0px; padding: 0px;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 185px;
}
html ul.topnav li ul.subnav li a {
	background: url("../images/dropdown_linkbg.gif") no-repeat scroll 10px center #1c1c1f;
    float: left;
    padding-left: 20px;
    width: 145px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: url("../images/dropdown_linkbg.gif") no-repeat scroll 10px center #1c1c1f;
	color:#b9b9b9;
}
.clear{
	clear:both;
}
/* breadcrumbs */
#breadcrumbs {
	margin:10px 0px;
}
#breadcrumbs ul {
	list-style: none outside none;
	margin:0px;
	padding:0px;
}
#breadcrumbs ul li {
	font-weight:bold;
    display: inline;
    margin: 0px 0px;
    padding: 0px;
}
#breadcrumbs ul li a {
	text-decoration:none;
}
#breadcrumbs ul  li .item {
	margin-left:10px;
	padding-left: 15px;
	display: inline;
	background: url("../images/arrow_right.png") no-repeat scroll left transparent;
}
#breadcrumbs ul  li .home{
	display: inline;
    padding-left: 15px;
}
#breadcrumbs ul li a {
    color: #f15a22;
	font-family:Arial, Helvetica, sans-serif;
}
/* --- End --- */
#main {
	
}
#left_main {
	width:250px;
	float:left;
}
.block {
	
}
.block .block-title {
	margin:5px;
}
.block .block-title h3 {
	width:90%;
	border-bottom:1px dotted #000;
}
.block .block-content {
	margin:5px;
}
.form-search {
}
.form-search p {
	margin:10px 5px;
}
.form-search p input[type=radio]{
	margin-right:10px;
}
.form-search p input[type=submit]{
	width:100px;
	height:25px;
	background:#6c8d79;
	color:#fff;
}
.form-search p input[type=submit]:hover{

	background:#f38a24;
}
.form-search label {
	margin-right:10px;
}
#right_main {
	width:730px;
	float:right;
}
#content {
	background: #EBEBEB;
}

#content a {
	text-decoration:none;
}

.box {
		background: #fff url('../images/bg_box.gif') repeat-x top left;
		border: 1px solid #fff;
	}
	
tbody tr:hover td { background: #FDF9F3; }

/* Code & Pre */

code,
pre {
	border-left: 4px solid #C5BEB2;
}

/* Forms */

.submit:hover,
.button:hover {
	color: #70A235;
}

/* Pagination */
/* Class .current is used to mark current page; */

.paginator li a:hover, .paginator li.current a {
	color: #545454;
	border: 1px solid #BEB7A9;
	background: #F2EADD;
}
#footer {
	
}
.footer-content {
	border-top:1px dotted #d5d6dc;
	text-align:left;
	padding:5px 0px;
}
.icon_user {
	float:left;
	padding-right:5px;
	width:16px;
	height:20px;
	background: url('../images/icons/user.png') no-repeat;
}
.icon_website {
	width:16px;
	height:16px;
	background: url('../images/icons/website.png') no-repeat;
	padding-left:20px;
}
.icon_user_info {
	width:16px;
	height:16px;
	background: url('../images/icons/user-info.png') no-repeat;
	padding-left:20px;
}
.icon_change_pass {
	width:16px;
	height:16px;
	background: url('../images/icons/change-pass.png') no-repeat;
	padding-left:20px;
}
.icon_logout {
	width:16px;
	height:16px;
	background: url('../images/icons/logout.png') no-repeat;
	padding-left:20px;
}
/* ====================== */
/* Header                 */
/* ====================== */

.header {
	height: 23px;
}
.logo { text-align: right; }
.top_nav {}
	.logo img { margin-right: 6px; }

.title, .session { position: relative; top: 11px; }
.title { left: 8px; float: left; }
.session { right: 20px; float: right; font-size: 90%; }

/* ==================== */
/* Sidebar Navigation   */
/* ==================== */

#navigation {
	padding: 10px 12px;
}

.navhead, .navhead_blank {
	height: 34px;
	background: #ddd;
	margin: 4px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
}

.navhead { cursor: pointer; }

.navhead span, .navhead_blank span {
	float: left;
	height: 34px;
	width: 190px;
	position: relative;
	left: 8px;
	top: 8px;
}

span.navbullet {
	display: block;
	height: 34px;
	width: 35px;
	float: right !important;
	position: relative;
	top: 0px !important;
	left: -5px !important;
}

.subnav {
	padding: 10px;
	background: #ccc;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.submenu { margin: 0px; padding: 0px; list-style: none; }
.submenu li {}
.submenu li a { display: block; padding: 6px 8px; border-bottom: 1px solid #eee; }

/* ====================== */
/* Copyright Informations */
/* ====================== */

#copyrights {
	background: #ddd;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 10px 12px;
	padding: 10px;
	text-align: right;
}
	#copyrights p {margin:0px; padding:0px;}
	
/* ====================== */
/* Primary Content        */
/* ====================== */
	
#content {
	margin: 12px 20px 20px 12px;
	background: #f9f9f9;
	padding: 3px 6px;
}

	/* ====================== */
	/* Content Box            */
	/* ====================== */

	.box {
		background: #fff url('http://www.webhostingbuzz.com/custompages/c404.html') repeat-x top left;
		border: 1px solid #fff;
		margin: 3px 0px;
		padding: 14px;
	}
	.box h2 {
		margin: 0px;
		padding: 1px 2px 4px;
		font-size: 17px;
		font-weight: bold;
		border-bottom: 1px solid #eee;
		margin-bottom: 7px;
	}
	
/* ======================= */
/* Code & Pre & Blockquote */
/* ======================= */

code {
	display: inline;
	padding: 2px 6px;
	background: #F7F7F7;
	margin: 0px 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
}

pre {
	display: block;
	white-space: normal;
	background: #F7F7F7;
	padding: 10px 12px;
	margin: 14px 0px;
	clear: both;
	font-size: 0.9em;
}

blockquote {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 10px 10px 70px;
	font-style: italic;
}
	
/* ====================== */
/* Action Buttons         */
/* ====================== */
	
.edit,
.delete {
	display: block;
	padding: 1px 8px;
	color: #fff;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	float: left;
	margin: 2px 2px;
	text-transform: uppercase;
	text-decoration:none;
	font-size: 0.7em;
}
.setnew {
	display: block;
	padding: 1px 8px;
	color: #fff;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	float: left;
	margin: 2px 2px;
	text-transform: uppercase;
	text-decoration:none;
	font-size: 0.7em;
}
.unsetnew {
	display: block;
	padding: 1px 8px;
	color: #fff;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	float: left;
	margin: 2px 2px;
	text-transform: uppercase;
	text-decoration:none;
	font-size: 0.7em;
}
.add {
	padding: 1px 8px;
	color: #fff;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0px 2px;
	text-transform: uppercase;
	text-decoration:none;
	font-size: 0.7em;
	background: #8AC3D4;
}
.add:hover { background: #66ABBF; color: #fff; }
.img-delete {
	padding: 2px 8px;
	color: #fff;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin:5px 2px;
	text-transform: uppercase;
	background: #66ABBF;
}
.edit { background: #8AC3D4; }
	.edit:hover { background: #66ABBF; color: #fff; }
.delete { background: #DC6A6A; }
	.delete:hover { background: #C64747; color: #fff; }
.setnew { background: Green; }
	.setnew:hover { background: #C64747; color: #fff; }
.unsetnew { background: #DC6A6A; }
	.setnew:hover { background: #C64747; color: #fff; }
	
/* ====================== */
/* Pagination             */
/* ====================== */

.paginator { 
	margin: 0px; padding: 0px;  list-style: none; 
	display: block;
	clear: both;
	border-top: 1px solid #eee;
	padding: 8px 0px 0px;
}
.paginator li { display: inline; }

.paginator li a {
	color: #aaa;
	border: 1px solid #eee;
	padding: 3px 5px;
}

/* ====================== */
/* Validation Notices     */
/* ====================== */

.validate_success,
.validate_error {
	padding-left: 18px;
	font-style: italic;
	margin-left: 4px;
	
}
.validate_error{
	
}
.top_menu{
	height:42px;
}
.top_menu ul{
	list-style: none;
}
.top_menu ul li{
	float: left;
position: relative;
margin: 10px 4px;
}
.top_menu ul li a{
	padding: 7px 10px;
font-size: 15px;
color: black;
text-transform: capitalize;
text-shadow: 1px 1px #EBEBEB;
}
.top_menu ul li ul{
	position:absolute;
	z-index:234;
	background:white;
	width:235px;
	 display:none;
	margin-top:4px;
	margin-left:0px;
	box-shadow:3px 3px 3px #ddd;
	-moz-box-shadow:3px 3px 3px #ddd;
	-webkit-box-shadow:3px 3px 3px #ddd;
}
.top_menu ul li ul li{
	width:100%;
}
.top_menu ul li:hover ul{
	display:block;
}
.top_menu ul li ul li a{
	font-size:12px;
}
.top_menu ul li ul li:hover{
}
.top_menu ul li ul li a:hover{
	background:none;
	color:red;
}
.red {
	color:red;
}
.green {
	color:green;
}
.blue {
	color:blue;
}
.top_menu ul li a:hover{
	background:#ddd;
}
select{
	width:263px;
	padding:4px;
	background: white;
border: 1px solid #DDD;
	outline: none;
}
	.validate_success { 
	

	background:url('../images/validate_success.png') no-repeat left; color: #39CE31; }
	.validate_error { 
	background:url('../images/validate_error.png') no-repeat left; color: #D33232; }
	
/* ====================== */
/* Forms                  */
/* ====================== */

fieldset {
	border: 1px solid #aaa;
	padding: 14px;
}
	fieldset legend { font-weight: bold; padding: 6px; }
	
.tag{
	background:#F9F9F9;
	border:1px solid  #ddd;
	padding:3px 9px;
	color:black;
	font-weight:bold;
	cursor: pointer;
}
.fixed_field{
	position: fixed;
background: #F9F9F9;
width: 91.2%;
height: 20px;
padding: 16px;
z-index: 234;
bottom: 0px;
border-top: 1px solid #DDD;
}
.fixed_field input{
	color:#D33232;
	text-transform: capitalize;
	text-shadow:1px 1px white;
	font-weight:bold;
}
.input_field {
	background: #f9f9f9;
	padding:  6px;
	margin: 0px 0px 4px 0px;
}
.input_field *[readonly=readonly] {
	background: #f1f1f1;

}
.input_field:hover{
	background:#DDF3FA
}
.input_field label {
	display:block;
	text-align:right;
	width:20%;
	float:left;
	position: relative;
	top:6px;
	padding-right: 6px;
}
.field_desc { padding-left: 6px; font-style: italic; color: #868176; }
.field_desc:hover { color: #59544A; }

input.smallfield { width: 100px; }
input.mediumfield { width: 200px; }
input.bigfield { width: 400px; }

input[type=text],
input[type=password],
textarea {
	background: white;
border: 1px solid #DDD;
padding: 5px 8px;
margin: 2px 0px;
width: 37%;
outline: none;
}
textarea { width: 50%; margin-bottom: 6px; }

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	background: #fff;
}
.text_small{
	width:242px !important;
}
/*Form search advanced - Hide*/
#advanced {
	display:none;
}
.del-disable {
	display: block;
	padding: 1px 8px;
	background:#808080;
	color: #fff;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	float: left;
	margin: 0px 2px;
	text-transform: uppercase;
	font-size: 0.7em;
}
/* Buttons */

.submit,
.button {
	background: #fff;
	border: 1px solid #aaa;
	text-align: center;
	color: #666;
	font-size: 0.9em;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	margin:5px 0px;
}
	.submit:hover,
	.button:hover {
		background: #ff4040;
	}

	.submit { padding: 3px 15px; }
	.button { padding: 5px 15px 4px; }
	
/* ====================== */
/* Notice Boxes           */
/* ====================== */

.notice {
	background: #FFFECC url('../images/smile_notice.gif') no-repeat 10px;	
	border: 1px solid #FAECB5;
}

.success {
	background: #E2F9E3 url('../images/smile_success.gif') no-repeat 10px;	
	border: 1px solid #9ECE9E;
}

.error {
	background: #FFEDEF url('../images/smile_error.gif') no-repeat 10px;	
	border: 1px solid #FFC5CC;
}

.notice,
.success,
.error {
	color: #636363;
	font-size: 0.92em;
	padding: 14px 14px 14px 68px;
	margin: 6px 0px;
}

.notice span,
.success span,
.error span {
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 2px;
}

.success span { color: #579157; }
.error span { color: #CF8790 }
.notice span { color: #BBAB67; }

.notice p,
.success p,
.error p {
	margin: 0px;padding: 0px;
}
	
/* ====================== */
/* Tables                 */
/* ====================== */

table {
	width: 100%;
	border: 1px solid #ccc;
	border-bottom: 3px solid #666;
}
#view_image_news {
	margin-left:235px;
}
.view_image {
	margin:0px 5px;
	float:left;
	border: 1px solid #ccc;
	padding:5px;
}
/* Header */

thead tr th {
	font-weight: bold;
	background: #fff;
	border-bottom: 1px solid #eee;
	padding: 4px 5px;
}

/* Body */

	tbody tr td {
		border-top: 1px solid #ccc;
		padding: 6px 0px;
		background: #fff;
	}
		tbody tr.alt td { background: #fff; }
/* Addition */
.label-content {
	margin:10px 135px;
	display:block;
}
#cke_acontent {
	margin:10px 135px;
	display:block;
}
.ui-autocomplete-loading {
		width:16px;
		height:16px;
        background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
}
